<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ include file="/WEB-INF/jsp/common/_includes.jsp" %>
<jsp:include page="/WEB-INF/jsp/common/_head.jsp"></jsp:include>
<link rel="stylesheet" href="/static/vendor/upload/css/jquery.fileupload.css" type="text/css" />
<div class="ui grid">
	<div class="row">
		<div class="column">
			<div class="ui two column grid">
				<div class="three wide column">
					<jsp:include page="/WEB-INF/jsp/common/_sidebar.jsp">
						<jsp:param name="index" value="4"/>
					</jsp:include>
				</div>
				<div id="container" class="thirteen wide column">
					<div class="alert alert-success w200 center-block text-center " style="display: none; " role="alert"></div>
					<ol class="breadcrumb">
						<li><a href="/">后台管理</a></li>
						<li><a href="/zcncNews/list">中财内参新闻列表</a></li>
						<li class="active">编辑新闻</li>
					</ol>
					<form class="form-horizontal" id="addForm" method="post" action="/zcncNews/edit">
							<input type="hidden" id="id" name="id" value="${news.id}">
						<input type="hidden" id="imageUrl" name="imageUrl" >
						<div class="form-group">
							<label for="name" class="col-sm-2 control-label">新闻图片</label>
							<div class="col-sm-5">
								<img id="preview" width="300px" height="170px" src="${news.imageUrl!=null?news.imageUrl:'http://placehold.it/300x170'}">
							</div>
							<div class="col-sm-2">
								<span class="btn btn-success btn-block fileinput-button">
									<i class="glyphicon glyphicon-plus"></i>
									<span>上传图片</span>
									<input id="fileupload" type="file" name="attachFile" data-url="/img/upload">
								</span>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label">新闻标题</label>
							<div class="col-sm-8 desc">
								<input type="text" class="form-control" id="title" name="title" value="${news.title}" placeholder="输入新闻标题">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label">新闻内容</label>
							<div class="col-sm-8">
							<textarea name="content" id="myeditor">${news.content }</textarea> 
							</div>
						</div>
						<div class="form-group" id="js_submit">
							<div class="col-sm-offset-3 col-sm-2">
								<button type="submit" class="btn btn-success">提交</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
<jsp:include page="/WEB-INF/jsp/common/_foot.jsp"></jsp:include>
<script type="text/javascript" src="/static/vendor/jquery.validate/jquery.validate.js"></script>
<script src="/static/vendor/upload/js/vendor/jquery.ui.widget.js"></script>
<script src="/static/vendor/upload/js/jquery.iframe-transport.js"></script>
<script src="/static/vendor/upload/js/jquery.fileupload.js"></script>
<script type="text/javascript" src="../../../resources/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="../../../resources/ueditor/ueditor.all.js"></script>

<script type="text/javascript">
	var editor = UE.getEditor("myeditor");
	$(function() {
		$("#addForm").validate({
			rules : {
				title : 'required'
			},
			messages : {
				title : {
					required : "请输入新闻标题"
				}
			}
		});
		
	    // 初始化上传组件
	    $('#fileupload').fileupload({
	        dataType : 'json',
	        done : function(e, data) {
	            if (data.result.status == 'ok') {
	                $('#imageUrl').val(data.result.url);
	                $('#preview').attr('src', data.result.url);
	            }
	        }
	    });
	});
</script>
